<template>
	<view class="cont">
		<view class="u-p-24">
			<u-grid :col="2" :border="false" class="radius12 text-hidden">
				<u-grid-item class="u-text-center">
					<view class="u-font-40">0.00%</view>
					<view class="u-light-color u-p-t-20">您的退款率</view>
				</u-grid-item>
				<u-grid-item class="u-text-center">
					<view class="u-font-40">0.00%</view>
					<view class="u-light-color u-p-t-20">申诉率</view>
				</u-grid-item>
			</u-grid>
		</view>
		<view class="u-p-l-24 u-p-r-24">
			<view 
				class="item u-p-24 bg-white radius12"
				:class="{'u-m-t-24': index > 0}"
				v-for="(item, index) in 6"
				:key="index">
				<view class="item-title">
					购买【供暖400】采购一台小型的锅炉采购一台小型的锅炉采购一台小型的锅炉
				</view>
				<view class="u-flex u-col-center u-row-between u-m-t-16">
					<view class="u-light-color">时间：2021-12-12 12:12</view>
					<!-- 样式1 -->
					<view class="text-bold text-warning u-font-24">
						￥-<text class="customFont u-font-32">29</text>
					</view>
					<!-- 样式2 -->
					<!-- <view class="text-bold text-success u-font-24">
						￥+<text class="customFont u-font-32">29</text>
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isLogin: false,
				
				userInfo: {}
			}
		},
		onLoad() {
		},
		methods: {
			openPage(url) {
				// if (!this.isLogin) {
				// 	// 操作
				// 	return
				// }
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.cont {
	min-height: 100vh;
	padding-bottom: calc(24rpx + env(safe-area-inset-bottom) / 2);
	.u-grid-item {
		color: #fff;
		background: #333 !important;
	}
}
</style>
